import React, {Component} from 'react';

class EventComponent extends Component {
  constructor(props) {
    super(props)
  }

  render(){
    return <a href='www.google.com' onClick={this.handleName}>click me navigate to Google </a>
  }
  handleName = (event) =>{
    event.preventDefault()
    event.stopPropagation()
    console.log('event', event)
    console.log('target', event.target)
    console.log('currentTarget', event.currentTarget)
    console.log('_proto_constructor', event.__proto__.constructor)

    console.log('nativeEvent', event.nativeEvent)
    console.log('nativeEvent.target', event.nativeEvent.target)
    console.log('nativeEvent.currentTarget', event.nativeEvent.currentTarget)
  }
}

export default EventComponent